<!DOCTYPE html>
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<div id="log"></div>
<span id="host"></span>
radios in normal dom [<input type="radio" name="r" id="a">]

<script>
var sr = document.getElementById('host').attachShadow({mode: 'open'});
sr.innerHTML = "radio inside shadow dom [<input type='radio' name='r' id='b'>][<input type='radio' name='r' id='c'>]";
var a = document.getElementById('a');
var b = sr.getElementById('b');
var c = sr.getElementById('c');

test(function() {
  a.checked = true;
  c.checked = true;
  assert_true(a.checked);
  assert_true(c.checked);
}, 'Radio buttons should not be grouped together across the shadow border.');

test(function() {
  b.checked = true;
  c.checked = true;
  assert_false(b.checked);
  assert_true(c.checked);
}, 'Radio buttons in a shadow tree should be grouped together.');

</script>
